﻿@using CNKI.TPI.Web.Search.Model;
<script>

    $(function () {
        if ($("#Flage").val() == "update") {
            $("#dblist").attr("disabled", "disabled");
            $("#titlehead").html("编辑首页栏目配置");
        }
        else {
            $("#dblist").removeAttr("disabled", "disabled");
            $("#titlehead").html("添加首页栏目配置");
        }
        var dbvalue = $("#dblist").val();
        appendoption(dbvalue); //页面初始化
        if ($("#TemplateType").val() != "") {
            //设置当前选项
            $("#obsertype").val($("#TemplateType").val());
        }
        obserchange();
    })
    ///数据库选择发生变化
    function dbselect() {
        var dbvalue = $("#dblist").val();
        appendoption(dbvalue);
        obserchange();
    }
    function appendoption(dbvalue) {
        $("#dblistValue").val(dbvalue);//隐藏控件存储select的值，因为当select为disabled时后台取不到值
        var arraystr = dbvalue.toString().split(';');// arraystr[0]  数据库Id， arraystr[1] 数据库类型
        var obj = $("#obsertype");
        obj.empty();
        $("input[name='setfield']").removeAttr("disabled", "disabled");
        $("input[name='menulength']").removeAttr("disabled", "disabled");
        $("input[name='setfield']").removeAttr("style");
        $("input[name='menulength']").removeAttr("style"); //兼容IE9 背景色
        switch (arraystr[1]) {
            case '11':  //新闻模块  DataBaseType
                obj.append("<option value='1' >图片新闻栏目</option>");
                obj.append("<option value='2' >文章新闻栏目</option>");
                //obj.append("<option value='3' >首页推荐栏目</option>");
                break;
            case '8':  //公告模块
                obj.append("<option value='4' >站点公告栏目</option>");
                obj.append("<option value='3' >首页推荐栏目</option>");
                break;
            case '5':  //图片模块
                obj.append("<option value='5' >多媒体推荐栏目</option>");
                obj.append("<option value='3' >首页推荐栏目</option>");
                break;
            case '4':  //视频
                obj.append("<option value='5' >多媒体推荐栏目</option>");
                obj.append("<option value='3' >首页推荐栏目</option>");
                break;
            case '6':  //音频类型
                obj.append("<option value='5' >多媒体推荐栏目</option>");
                obj.append("<option value='3' >首页推荐栏目</option>");
                break;
            case '12':  //跳转
                obj.append("<option value='12' >首页跳转图片模板</option>");
                obj.append("<option value='13' >首页跳转文字模板</option>");
                $("input[name='setfield']").attr("disabled", "disabled");
                $("input[name='menulength']").attr("disabled", "disabled");

                $("input[name='setfield']").attr("style", "background-color:#999");
                $("input[name='menulength']").attr("style", "background-color:#999");

                break;
            default:
                obj.append("<option value='3' >首页推荐栏目</option>");
                break;
        }
    }
    ///保存
    function savedata() {
        disablesave();
        if ($("#dblist").val() == "") {
            messageAlert("请选择数据库！");
            enablesave();
            return;
        }
        if ($("input[name='setnum']").val() == "" || !regnum($("input[name='setnum']").val())) {
            messageAlert("请填写设置条数(正整数)！");
            enablesave();
            return;
        }
        if ($("input[name='setfield']").attr("disabled") != "disabled") {
            if ($("input[name='setfield']").val() == "" || !regnum($("input[name='setfield']").val())) {
                messageAlert("请填写设置字数(正整数)！");
                enablesave();
                return;
            }
        }

        if ($.trim($("input[name='menuname']").val()) == "") {
            messageAlert("请填写栏目名称！");
            enablesave();
            return;
        }
        else {
            if (!regtext($("input[name='menuname']").val())) {
                messageAlert("请输入栏目名称(不允许输入特殊字符)！");
                enablesave();
                return;
            }
        }
        if ($("input[name='menulength']").attr("disabled") != "disabled") {
            if ($("input[name='menulength']").val() == "" || !regnum($("input[name='menulength']").val())) {
                messageAlert("请填写栏目名称长度(正整数)！");
                enablesave();
                return;
            }
        }
        if ($("#obsertype").val() == "") {
            messageAlert("请选择显示类型！");
            enablesave();
            return;
        }
        $.ajax({
            type: "POST",
            url: timestamp("@Html.Raw(Url.Action("SaveDBConfig", "Admin_Home"))"),
            data: $("#saveform").serialize(),
            success: function (msg) {
                if (msg == "1") {
                    messageAlert("操作成功！");
                    ajaxLoad('initload', '@Html.Raw(Url.Action("Index", "Admin_Home"))');
                }
                else if (msg == "2") {
                    messageAlert("该数据库已经设置过此模板！");
                    enablesave();
                }
                else {
                    messageAlert("操作失败！");
                    enablesave();
                }

            },
            error: function (e)
            { }
        })

    }
    function disablesave() {
        $(".btn-warn-f").attr("disabled", "disabled");
    }
    function enablesave() {
        $(".btn-warn-f").removeAttr("disabled", "disabled");
    }
    function obserchange() {
        var obj = $("#obsertype").val();
        if (obj == 12)  //图片调整模板 默认显示在左侧，不允许选择右侧
        {
            $("input[name=position][value=0]").attr("checked", true);  
            $("input[name=position]").attr("disabled", "disabled");
        }
        else {

            $("input[name=position]").removeAttr("disabled", "disabled");
        }
    }

</script>

<div class="wrapR-c" style='padding-top: 20px;'>
    <div class="box">
        <h3 class='box-h' id="titlehead">添加首页栏目配置</h3>
        <form id="saveform">
            <fieldset>
                <input type="hidden" id="Flage" name="Flage" value="@ViewBag.Flage" />
                <input type="hidden" id="SysID" name="SysID" value="@ViewBag.SysID" />
                <input type="hidden" id="dblistValue" name="dblistValue" />
                <input type="hidden" id="TemplateType" name="TemplateType" value="@ViewBag.TemplateType" />
                <div class="box-b box-b-m form-h form-h-8em form-wr f14">
                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">选择数据库：</label>
                        </div>
                        <div class="f-ct">
                            <select class="f-select span3" id="dblist" onchange="dbselect()">
                                @foreach (SYS_CMS_DATABASE item in ViewBag.DBList)
                                {
                                    if (item.SysID == ViewBag.DBValue)
                                    {
                                    <option value="@item.SysID;@item.DatabaseType" selected="selected">@item.DatabaseName</option>
                                    }
                                    else
                                    {
                                    <option value="@item.SysID;@item.DatabaseType">@item.DatabaseName</option>
                                    }
                                }
                            </select>
                            <span class="f-label-re">*</span>
                        </div>
                    </div>

                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">设置条数：</label>
                        </div>
                        <div class="f-ct">
                            <input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" value="@ViewBag.SetNum" class="f-text span3" name="setnum" maxlength="8">
                            <span class="f-label-re">*</span>
                            <br />
                            <span class="f-label-re">(如果显示类型为多媒体推荐栏目或者图片新闻栏目，建议条数设置为4的倍数)</span>
                        </div>
                    </div>

                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">设置字数：</label>
                        </div>
                        <div class="f-ct">
                            <input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" value="@ViewBag.SetField" class="f-text span3" name="setfield" maxlength="8">
                            <span class="f-label-re">*</span>
                        </div>
                    </div>

                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">栏目名称：</label>
                        </div>
                        <div class="f-ct">
                            <input type="text" class="f-text span3" name="menuname" value="@ViewBag.MenuName" maxlength="128">
                            <span class="f-label-re">*</span>
                        </div>
                    </div>

                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">栏目名称长度：</label>
                        </div>
                        <div class="f-ct">
                            <input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" value="@ViewBag.Menulength" class="f-text span3" name="menulength" maxlength="8">
                            <span class="f-label-re">*</span>
                        </div>
                    </div>

                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">是否显示：</label>
                        </div>
                        <div class="f-ct">
                            @{
                                string pubstr = "";
                                string nopub = "";
                                if (ViewBag.ISPub == "1")
                                {
                                    pubstr = "checked='checked'";
                                }
                                else
                                {
                                    nopub = "checked='checked'";
                                }
                                <label class="f-label">
                                    <input type="radio" class="f-radio" name='display' value="1" @pubstr>
                                    显示</label>
                                <label class="f-label">
                                    <input type="radio" class="f-radio" name='display' value="0" @nopub>
                                    不显示</label>
                            }
                        </div>
                    </div>
                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">显示类型：</label>
                        </div>
                        <div class="f-ct">
                            <select class="f-select span3" id="obsertype" name="obsertype" onchange="obserchange()">
                            </select>
                            <span class="f-label-re">* </span>
                             <br />
                              <span class="f-label-re">当类型为首页跳转图片模板时只能显示在左侧，此时显示位置置灰</span>
                        </div>
                    </div>
                    <div class="f-gp">
                        <div class="f-lb">
                            <label class="f-label">显示位置：</label>
                        </div>
                        <div class="f-ct">
                            @{
                                string leftstr = "";
                                string rightstr = "";
                                if (ViewBag.Location == "0")
                                {
                                    leftstr = "checked='checked'";
                                }
                                else
                                {
                                    rightstr = "checked='checked'";
                                }
                                <label class="f-label">
                                    <input type="radio" class="f-radio" name='position' @leftstr value="0">
                                    左侧</label>
                                <label class="f-label">
                                    <input type="radio" class="f-radio" name='position' @rightstr value="1">
                                    右侧</label>
                            }
                        </div>
                    </div>




                </div>
            </fieldset>
        </form>


        <div class="attention form-h form-h-3em">
            <div class="f-gp">
                <div class="f-ct" style="padding-left: 200px; padding-bottom: 10px">
                    <button class="btn btn-m btn-submit btn-warn-f" onclick="savedata()">保存</button>
                    <button class="btn btn-m btn-prim-f"  onclick="ajaxLoad('initload', '@Html.Raw(Url.Action("Index", "Admin_Home"))','')">返回</button>
                </div>
                <div class="f-lb">
                    <label class="f-label">注意：</label>
                </div>
                <div class="f-ct">
                    <p>1、当数据库所属的类型为“新闻模板”时，此数据库可以设置首页的“图片新闻栏目”（为了显示效果，条数要小于5条）、“文章新闻栏目”。</p>
                    <p>2、当数据库所属的类型为“公告模板”时，此数据库可以设置首页的“站点公告栏目”、“首页推荐栏目”。</p>
                    <p>3、当数据库所属的类型为“图片模板”时，此数据库可以设置首页的“首页推荐栏目”、“图片推荐栏目”。</p>
                    <p>4、当数据库所属的类型为“视频模板，音频模板”时，此数据库可以设置首页的“多媒体推荐栏目”。</p>
                    <p>5、当数据库所属的其他类型，只能配置首页的“首页推荐栏目”。</p>
                </div>
            </div>
        </div>



    </div>
</div>
<!-- wrapREnd -->
